<template>
    <div class="page">
        <div class="top">
            <!-- <img src="../../assets/images/header.png" alt="" /> -->
            <p>校智联</p>
        </div>
        <div class="con w-100 d-flex flex-column justify-content-center align-items-center">
            <div class="login_box">
                <div class="login-header">
                    <Tabs value="name1">
                        <TabPane label="账号登录" name="name1">
                            <Form ref="formInline" :model="formInline" :rules="ruleInline">
                                <FormItem prop="loginId" class="mb-3">
                                    <Input v-model="formInline.loginId" type="text" size="large" placeholder="请输入账号">
                                    <Icon type="ios-person-outline" slot="prepend"></Icon>
                                    </Input>
                                </FormItem>
                                <FormItem prop="password" class="mb-2">
                                    <Input class="mt-2 mb-2" v-model="formInline.password" type="password" password
                                        clearable size="large" placeholder="请输入密码">
                                    <Icon type="ios-lock-outline" slot="prepend"></Icon>
                                    </Input>
                                </FormItem>
                            </Form>
                            <div class="text-right">
                                <p>忘记密码</p>
                            </div>
                            <Button class="mt-3 loginBtn" type="success" size="large" long @click="login()">登录</Button>
                        </TabPane>
                    </Tabs>
                </div>
            </div>
        </div>
    </div>
</template>
    
<script>
import index from "./index.js";
export default index;
</script>
<style lang="less" scoped>
@import "./index.less";
</style>